@import url('https://fonts.googleapis.com/css2?family=Niconne&family=Parisienne&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Italiana&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Italiana&display=swap');
html{
    scroll-behavior: smooth;
}
*{
  z-index:1;
}
#titleamp{
  display:none;
}
a:link,a:visited {
  color:#2C5F34;
}
a:hover, a:active {
  color:#488d53;
}
.textc{
  text-align:center;
}
#header {
    position:sticky;
    top:0;
    padding-top:8px;
    background-color:#fff;
}
#header h1{
    font-family: "Italiana", serif;
    font-weight: 400;
    font-style: normal;
    font-size:5vw;
    text-align: center;
    color:#2C5F34;
    margin: 0px 0 16px 0;
}
#header hr{
  color:#000;
  width:2vw;
  display:inline-block;
  text-align:center;
  align:center;
  margin: 0px auto;
}
#header h4{
  color:#000;
  display:inline-block;
  text-align:center;
  align:center;
  margin: 0px auto;
  font-size:1vw;
}
#header topnav{
    font-size:12px;
}
#hem h1, #osa h1,h2,h3,h4{
  font-family: "Italiana", serif;
  font-weight: 600;
  font-style: normal;
  text-align: left;
  color:#2C5F34;
  margin: 16px 0px;
}
#hem h1{
  text-align:center;
}
p,li{
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight:400;
  font-style: normal;
  font-size:18px;
}
#contentwrapper{
  width:35vw;
}
#main{

}
.aligncenter{
    max-width: fit-content;
    margin-left:auto;
    margin-right:auto;
}
.alignleft{
    max-width: fit-content;
    margin-right:auto;
}
.alignright{
    max-width: fit-content;
    margin-Left:auto;
}
.imgleft{
    float:left;
    margin-right:24px;
}
.imgright{
    float:right;
    margin-left:24px;
}
.imgcenter{
    display:inline;
    text-align:center;
    width:100%;
}
.transp{
  opacity: 0.5;
  z-index: inherit;
}
.smol{
  white-space: nowrap;
  display:inline;
  font-size:11px;
}
.inline{
  display:inline;
}
.A{
  color:#000;
}
.topnav {
    background-color: #fff;
    overflow: hidden;
    width: fit-content;
    margin-left:auto;
    margin-right:auto;
    border-bottom:#000;
    border-style:solid;
    border-width: 0 0 1px 0;
  }
  
  /* Style the links inside the navigation bar */
  .topnav a {
    float: left;
    display: block;
    color: #000;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    font-family:"EB Garamond";
  }
  
  /* Change the color of links on hover */
  .topnav a:hover {
    background-color: #ddd;
    color: black;
  }
  
  /* Add an active class to highlight the current page */
  .topnav a.active {
    background-color: #000000;
    color: white;
  }
  
  /* Hide the link that should open and close the topnav on small screens */
  .topnav .icon {
    display: none;
  }

  #hem,
  #brollop,
  #schema,
  #osa,
  #info,
  #QA{
    height:auto;
    scroll-margin-top:350px;
  }
  @media screen and (max-width: 600px) {
    .topnav a:not(:first-child) {display: none;}
    .topnav a.icon {
      float: right;
      display: block;
    }
  }
  @media screen and (max-width: 600px) {
    .topnav.responsive {position: relative;}
    .topnav.responsive a.icon {
      position: absolute;
      right: 0;
      top: 0;
    }
    #titlediv{
      display:none;
    }
    .titleh{
      display:inline;
    }
    #titleamp{
      display:inline;
    }
    #titlewrap{
      width:calc(100%-50px);
      height:6vh;
      margin-left:25px;
      margin-right:25px;
      margin-top:1vh;
      margin-bottom:1vh;
      padding-bottom:1.8vh;
      text-align:center;
    }
    .topnav.responsive a {
      float: none;
      display: block;
      text-align: left;
    }
    #header h1{
      font-size:8vw;
    }
  }
  @media only screen and (orientation: portrait){
    #contentwrapper{
      width:70vw !important;
    }
    #titlediv{
      display:none;
    }
    .titleh{
      display:inline;
    }
    #titleamp{
      display:inline;
    }
    #titlewrap{
      width:calc(100%-50px);
      height:5vh;
      margin-left:25px;
      margin-right:25px;
      margin-top:1vh;
      padding-bottom:1.8vh;
      margin-bottom:auto;
      text-align:center;
    }
    .topnav a{
      font-size:3.5vw;
    }
    #header h1{
      font-size:8vw;
    }
  }